// 划分的分数：15份
@number: 15;

// 对于电脑打开该页面，有一个默认的font-size尺寸
// 注意：这一行要写在最上面，写在@media之后会把下列的media样式全部层叠覆盖了
html {
  font-size: 50px;
}

@media screen and (min-width:320px) {
  html {
    font-size: (320px / @number);
  }
}

@media screen and (min-width:360px) {
  html {
    font-size: (360px / @number);
  }
}

@media screen and (min-width:375px) {
  html {
    font-size: (375px / @number);
  }
}

@media screen and (min-width:384px) {
  html {
    font-size: (384px / @number);
  }
}

@media screen and (min-width:400px) {
  html {
    font-size: (400px / @number);
  }
}

@media screen and (min-width:414px) {
  html {
    font-size: (414px / @number);
  }
}

@media screen and (min-width:424px) {
  html {
    font-size: (424px / @number);
  }
}

@media screen and (min-width:480px) {
  html {
    font-size: (480px / @number);
  }
}

@media screen and (min-width:540px) {
  html {
    font-size: (540px / @number);
  }
}

@media screen and (min-width:720px) {
  html {
    font-size: (720px / @number);
  }
}

@media screen and (min-width:750px) {
  html {
    font-size: (750px / @number);
  }
}

div {
  box-sizing: border-box;
}
